@extends('admin.layout.base')
@section('styles')
@endsection
@section('content')
    <div class="panel-content" id="app" v-cloak>
        <div class="panel-body panel-info">
            <el-form :model="form" ref="form" class="form" label-width="100px" >
                <div class="panel-header"> <div class="panel-title"> 申请人信息 </div> </div>
                <div class="panel-main">
                    <el-form-item label="申请人：" prop="user_name">
                        <el-input readonly v-model="form.user_name"></el-input>
                    </el-form-item>
                    <el-form-item label="保证金金额：" prop="bond">
                        <el-input readonly v-model="form.bond"></el-input>
                    </el-form-item>
                    <el-form-item label="退还理由：" prop="desc">
                        <el-input readonly v-model="form.desc"></el-input>
                    </el-form-item>
                    <el-form-item label="联系人：" prop="link_name">
                        <el-input readonly v-model="form.link_name"></el-input>
                    </el-form-item>
                    <el-form-item label="联系电话：" prop="link_phone">
                        <el-input readonly v-model="form.link_phone"></el-input>
                    </el-form-item>
                    <el-form-item label="申请时间：" prop="created_at">
                        <el-input readonly v-model="form.created_at"></el-input>
                    </el-form-item>
                </div>
                <div class="panel-header"> <div class="panel-title"> 审核信息 </div> </div>
                <div class="panel-main">
                    <el-form-item label="是否支付：" prop="status">
                        <el-radio-group disabled v-model="form.status">
                            <el-radio :label="1" border>未退还</el-radio>
                            <el-radio :label="2" border>已退还</el-radio>
                        </el-radio-group>
                    </el-form-item>
                    <el-form-item label="支付管理员：" prop="return_name">
                        <el-input readonly v-model="form.return_name"></el-input>
                    </el-form-item>
                    <el-form-item label="付款时间：" prop="return_at">
                        <el-input readonly v-model="form.return_at"></el-input>
                    </el-form-item>
                </div>
                <el-form-item style="padding-left: 150px;margin-top: 100px">
                    <el-button @click="back()" style="margin-left: 50px">返 回</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        let app = new Vue({
            el: '#app',
            data: function() {
                return {
                    form:{!! $info !!},
                }
            },
            created(){
                this.form.password = '';
                this.form._token = "{{csrf_token()}}";
            },
            methods: {
                //返回
                back(){
                    window.history.go(-1);
                },
            }
        });
    </script>
@endsection
